<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
    pageEncoding="ISO-8859-1"%>
     <%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
    <%@ page import="java.util.*,entities.*,connectDB.*,java.sql.*"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><head>
<style type="text/css">
td{border: solid 1px green;}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<meta name="description"  content=""/>
<meta name="keywords" content=""/>
<meta name="robots" content="ALL,FOLLOW"/>
<meta name="Author" content="AIT"/>
<meta http-equiv="imagetoolbar" content="no"/>
<title>UniAdmin</title>

<link rel="stylesheet" href="${pageContext.request.contextPath}/Manager/css/reset.css" type="text/css"/>
<link rel="stylesheet" href="${pageContext.request.contextPath}/Manager/css/screen.css" type="text/css"/>
<link rel="stylesheet" href="${pageContext.request.contextPath}/Manager/css/fancybox.css" type="text/css"/>
<link rel="stylesheet" href="${pageContext.request.contextPath}/Manager/css/jquery.wysiwyg.css" type="text/css"/>
<link rel="stylesheet" href="${pageContext.request.contextPath}/Manager/css/jquery.ui.css" type="text/css"/>
<link rel="stylesheet" href="${pageContext.request.contextPath}/Manager/css/visualize.css" type="text/css"/>
<link rel="stylesheet" href="${pageContext.request.contextPath}/Manager/css/visualize-light.css" type="text/css"/>
<!--[if IE 7]>
	<link rel="stylesheet" type="text/css" href="css/ie7.css" />
<![endif]-->	

<script type="text/javascript" src="${pageContext.request.contextPath}/Manager/js/jquery.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/Manager/js/jquery.visualize.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/Manager/js/jquery.wysiwyg.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/Manager/js/tiny_mce/jquery.tinymce.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/Manager/js/jquery.fancybox.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/Manager/js/jquery.idtabs.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/Manager/js/jquery.jeditable.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/Manager/js/jquery.ui.js"></script>

<script type="text/javascript" src="${pageContext.request.contextPath}/Manager/js/excanvas.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/Manager/js/cufon.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/Manager/js/Geometr231_Hv_BT_400.font.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/Manager/js/script.js"></script>

</head>

<body>
<div class="clear">
	
	<div class="sidebar"> <!-- *** sidebar layout *** -->
		<div class="logo clear">
			<a href="index-2.html" title="View dashboard">
				<img src="${pageContext.request.contextPath}/Manager/images/logo_earth.png" alt="" class="picture" />
				<span class="title">UniAdmin</span>
				<span class="text">template</span>
			</a>
		</div>
		
		<div class="menu">
			<ul>
			<li><a href="#">Dashboard</a></li>
			<li class="active"><a href="#">Articles</a>
				<ul>
					<li><a href="#">Write a new Article</a></li>
					<li class="active"><a href="#">MANAGE PACKET DATA</a></li>
					<li><a href="#">Manage Comments</a></li>
					<li><a href="#">Manage Categories</a></li>
				</ul>
			</li>
			<li>
				<a href="#">Pages</a>
				<ul>
					<li><a href="#">View All Pages</a></li>
					<li><a href="#">Create New Page</a></li>
					<li><a href="#">Import Pages</a></li>
					<li><a href="#">Export Pages</a></li>
					<li><a href="#">Create Backup</a></li>
				</ul>				
			</li>
			
			<li><a href="#">Image Gallery</a></li>
			<li><a href="#">Events Calendar</a></li>
			<li><a href="#">Settings</a></li>
			</ul>
		</div>
	</div>
	
	
	<div class="main"> <!-- *** mainpage layout *** -->
	<div class="main-wrap">
		<div class="header clear">
			<ul class="links clear">
			<li><strong>Welcome John :</strong></li>
			<li><a href="#"><img src="${pageContext.request.contextPath}/Manager/images/ico_enelope_24.png" alt="" class="icon" /> <span class="text">5 messages</span></a></li>
			<li><a href="#"><img src="${pageContext.request.contextPath}/Manager/images/ico_view_24.png" alt="" class="icon" /> <span class="text">View site</span></a></li>
			<li><a href="login.html"><img src="${pageContext.request.contextPath}/Manager/images/ico_logout_24.png" alt="" class="icon" /> <span class="text">Logout</span></a></li>
			</ul>
		</div>
		
		<div class="page clear">
			<h1>MANAGE PACKET DATA <a href="#"><img src="${pageContext.request.contextPath}/Manager/images/ico_help_32.png" class="help" alt="" /></a></h1>
			<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p>

			<div class="main-icons clear">
				<ul class="clear">
				<li><a href="#"><img src="${pageContext.request.contextPath}/Manager/images/ico_folder_64.png" class="icon" alt="" /><span class="text">Create an Article</span></a></li>
				<li><a href="#"><img src="${pageContext.request.contextPath}/Manager/images/ico_page_64.png" class="icon" alt="" /><span class="text">New Page</span></a></li>
				<li><a href="#"><img src="${pageContext.request.contextPath}/Manager/images/ico_picture_64.png" class="icon" alt="" /><span class="text">Add Picture</span></a></li>
				<li><a href="#"><img src="${pageContext.request.contextPath}/Manager/images/ico_clock_64.png" class="icon" alt="" /><span class="text">Add Event</span></a></li>
				<li><a href="#"><img src="${pageContext.request.contextPath}/Manager/images/ico_users_64.png" class="icon" alt="" /><span class="text">Users</span></a></li>
				<li><a href="#modal" class="modal-link"><img src="${pageContext.request.contextPath}/Manager/images/ico_chat_64.png" class="icon" alt="" /><span class="text">Open Modal</span></a></li>
				</ul>
			</div>
			
			<!-- MODAL WINDOW -->
			<div id="modal" class="modal-window">
				<!-- <div class="modal-head clear"><a onclick="$.fancybox.close();" href="javascript:;" class="close-modal">Close</a></div> -->
				
				<div class="notification note-info">
					<a href="#" class="close" title="Close notification"><span>close</span></a>
					<span class="icon"></span>
					<p><strong>Information notification:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
				</div>
				
				<h2>Modal Window</h2>
				<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tristique, lorem id hendrerit sodales, nisl felis sollicitudin lacus, et facilisis felis quam at quam. Nullam vel nunc at sapien sagittis feugiat. Vestibulum est eros, condimentum ac sodales vel, iaculis vitae neque.</p>
				<p>Nam nisl odio, scelerisque non venenatis quis, venenatis a leo. Cras non vehicula justo. Nam vel arcu sem. Suspendisse quam enim, dictum quis lacinia sed, lobortis eget libero. Suspendisse potenti. Suspendisse et ante vitae turpis vestibulum fermentum nec nec elit. Suspendisse ullamcorper lacus in arcu mollis fringilla porta mi placerat. Ut at elit non diam tristique scelerisque. </p>
			</div>
			
			<!-- CONTENT BOXES -->
			<div class="content-box">
				<div class="box-header clear">
					<ul class="tabs clear">
						<li><a href="#data-table">Packet Data</a></li>
						<li><a href="#table">Add Packet Data</a></li>
						<li><a href="#forms">Form</a></li>
					</ul>
					
					<h2>Content Box</h2>
				</div>
				
				<div class="box-body clear">
					
                    
                    
                    <!-- TABLE -->
					<div id="data-table">
						<p>DATA is the....</p> 
					
						<form method="post" action="#">
						
									
					
						
						
						<table class="datatable" style="border: "1";">
						<thead>
							<tr>
								<th class="bSortable"><input type="checkbox" class="checkbox select-all" /></th>
								<th>FAQ LIST</th>
								<th>	</th>
								<th></th>
								<th></th>
							</tr>
						</thead>
						<tbody>
					   
							<tr>
								<td><input type="checkbox" class="checkbox" /></td>
								<td width="10%">ID</td>
								<td colspan="2"><a href="#">SO ID</a>							    </td>
								<td width="10%">
									<a href="Packetedit?packetid=${rows.packetid }"><img src="${pageContext.request.contextPath}/Manager/images/ico_edit_16.png" class="icon16 fl-space2" alt="" title="edit" /></a>
									<a href="${delete}"><img src="${pageContext.request.contextPath}/Manager/images/ico_delete_16.png" class="icon16 fl-space2" alt="" title="delete" /></a>
									<a href="#"><img src="${pageContext.request.contextPath}/Manager/images/ico_settings_16.png" class="icon16 fl-space2" alt="" title="settings" /></a>
								</td>
								
							</tr>
							
							<tr>
								<td><input type="checkbox" class="checkbox" /></td>
								<td>FAQ QUESTION</td>
								<td style="border: solid 1px red;" colspan="2"  width="800" ><a href="#">FAQ Question ???FAQ Question ???FAQ Question ???FAQ Question ???FAQ Question ???FAQ Question ???</a></td>
								
								<td width="10%">
									
								</td>
								
							</tr>
							
							
							<tr>
								<td><input type="checkbox" class="checkbox" /></td>
								<td>ID</td>
								<td><a href="#">FAQ Question</a></td>
								<td>FAQ Answerrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr
								rrrrrrrrrrrrrrrrrr
								rrrrrrrrrrrrrrrrrrrr
								rrrrrrrrrrrrrrrrrr
								rrrrrrrrrrrrr
								rrrrrrrrrrrrrrrrrrrrr
								rrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrrr
								
								xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
								xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
								xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
								 </td>								
							
								<td></td>
								
							</tr>
					              
							
						</tbody>
						</table>
						
						
					
              
              
              
              
              
              
              
              
              
						
						<div style="margin-left: 120px; width: 150px; height: 70px; vertical-align: top;">
					  <div class="fl">
								
								<a href="${pageContext.request.contextPath}/Manager/Packetadd.jsp">
								<img src="${pageContext.request.contextPath}/Manager/images/addpacket.png" border="0" width="120px">
								</a>
							</div>
						</div>
						</form>
					</div><!-- /#table -->
					
					<!-- TABLE -->
					<div id="table">
						<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in porta lectus. Maecenas dignissim enim quis ipsum mattis aliquet. Maecenas id velit et elit gravida bibendum. Duis nec rutrum lorem.</p> 
					
						<form method="post" action="#">
						<table>
							<thead>
								<tr>
									<th><input type="checkbox" class="checkbox select-all" /></th>
									<th>Column 1</th>
									<th>Column 2</th>
									<th>Column 3</th>
									<th>Column 4</th>
									<th>Column 5</th>
									<th>Column 6</th>
								</tr>
							</thead>
							
							<tbody>
								<tr>
									<td><input type="checkbox" class="checkbox" /></td>
									<td>Lorem ipsum dolor</td>
									<td><a href="#">John</a></td>
									<td>5/6/2010</td>
									<td><input type="text" name="input21" id="input21" value="235" class="text" size="10" /></td>
									<td>sed in porta lectus</td>
									<td>
										<a href="#"><img src="${pageContext.request.contextPath}/Manager/images/ico_edit_16.png" class="icon16 fl-space2" alt="" title="edit" /></a>
										<a href="#"><img src="${pageContext.request.contextPath}/Manager/images/ico_delete_16.png" class="icon16 fl-space2" alt="" title="delete" /></a>
										<a href="#"><img src="${pageContext.request.contextPath}/Manager/images/ico_settings_16.png" class="icon16 fl-space2" alt="" title="settings" /></a>
									</td>
								</tr>
								<tr>
									<td><input type="checkbox" class="checkbox" /></td>
									<td>Dignissim enim</td>
									<td><a href="#">Admin</a></td>
									<td>5/6/2010</td>
									<td><input type="text" name="input22" id="input22" value="124" class="text" size="10" /></td>
									<td>duis nec rutrum</td>
									<td>
										<a href="#"><img src="images/ico_edit_16.png" class="icon16 fl-space2" alt="" title="edit" /></a>
										<a href="#"><img src="images/ico_delete_16.png" class="icon16 fl-space2" alt="" title="delete" /></a>
										<a href="#"><img src="images/ico_settings_16.png" class="icon16 fl-space2" alt="" title="settings" /></a>
									</td>
								</tr>
								<tr>
									<td><input type="checkbox" class="checkbox" /></td>
									<td>Maecenas velit</td>
									<td><a href="#">Admin</a></td>
									<td>5/6/2010</td>
									<td><input type="text" name="input23" id="input23" value="58" class="text" size="10" /></td>
									<td>porta lectus</td>
									<td>
										<a href="#"><img src="images/ico_edit_16.png" class="icon16 fl-space2" alt="" title="edit" /></a>
										<a href="#"><img src="images/ico_delete_16.png" class="icon16 fl-space2" alt="" title="delete" /></a>
										<a href="#"><img src="images/ico_settings_16.png" class="icon16 fl-space2" alt="" title="settings" /></a>
									</td>
								</tr>
								<tr>
									<td><input type="checkbox" class="checkbox" /></td>
									<td>Duis nec rutrum</td>
									<td><a href="#">John</a></td>
									<td>5/6/2010</td>
									<td><input type="text" name="input24" id="input24" value="10" class="text" size="10" /></td>
									<td>enim quis ipsum</td>
									<td>
										<a href="#"><img src="images/ico_edit_16.png" class="icon16 fl-space2" alt="" title="edit" /></a>
										<a href="#"><img src="images/ico_delete_16.png" class="icon16 fl-space2" alt="" title="delete" /></a>
										<a href="#"><img src="images/ico_settings_16.png" class="icon16 fl-space2" alt="" title="settings" /></a>
									</td>
								</tr>
								<tr>
									<td><input type="checkbox" class="checkbox" /></td>
									<td>Elit gravida</td>
									<td><a href="#">Admin</a></td>
									<td>5/6/2010</td>
									<td><input type="text" name="input25" id="input25" value="356" class="text" size="10" /></td>
									<td>dolor sit amet</td>
									<td>
										<a href="#"><img src="images/ico_edit_16.png" class="icon16 fl-space2" alt="" title="edit" /></a>
										<a href="#"><img src="images/ico_delete_16.png" class="icon16 fl-space2" alt="" title="delete" /></a>
										<a href="#"><img src="images/ico_settings_16.png" class="icon16 fl-space2" alt="" title="settings" /></a>
									</td>
								</tr>
							</tbody>
						</table>
						
						<div class="tab-footer clear">
							<div class="fl">
								<select name="dropdown" class="fl-space">
									<option value="option1">choose action...</option>
									<option value="option2">Edit</option>
									<option value="option3">Delete</option>
								</select>
								<input type="submit" value="Apply" id="submit2" class="submit fl-space" />
							</div>
							<div class="pager fr">
								<span class="nav">
									<a href="#" class="first" title="first page"><span>First</span></a>
									<a href="#" class="previous" title="previous page"><span>Previous</span></a>
								</span>
								<span class="pages">
									<a href="#" title="page 1"><span>1</span></a>
									<a href="#" title="page 2" class="active"><span>2</span></a>
									<a href="#" title="page 3"><span>3</span></a>
									<a href="#" title="page 4"><span>4</span></a>
								</span>
								<span class="nav">
									<a href="#" class="next" title="next page"><span>Next</span></a>
									<a href="#" class="last" title="last page"><span>Last</span></a>
								</span>
							</div>
						</div>
						</form>
					</div><!-- /#table -->
					
					<!-- Custom Forms -->
					<div id="forms">
						<form action="#" method="post" class="form">
							<div class="form-field clear">
								<label for="textfield" class="form-label fl-space2">Text field: <span class="required">*</span></label>
								<input type="text" id="textfield" class="text fl" name="" />
							</div><!-- /.form-field -->
							
							<div class="form-field clear">
								<label for="password" class="form-label fl-space2">Password:</label>
								<input type="password" id="password" class="text fl" name="" />
							</div><!-- /.form-field -->							

							<div class="form-field clear">
								<label for="file" class="form-label fl-space2">File upload:</label>
								<input type="file" id="file" class="form-file fl" name="" />
							</div><!-- /.form-field -->							
                                                        							
							<div class="form-field clear">
								<label for="textarea" class="form-label fl-space2">Textarea:</label>
								<textarea id="textarea" class="form-textarea" cols="100" rows="6" name="" ></textarea>
							</div><!-- /.form-field -->							
														
							<div class="form-field clear">
								<label for="select" class="form-label fl-space2">Select:</label>
								<select id="select" class="fl">
									<option value="1">Value 1</option>
									<optgroup label="Group 1">
										<option value="2">Value 2</option>
										<option value="3">Value 3</option>
										<option value="4">Value 4</option>
									</optgroup>
									
									<optgroup label="Group 2">
										<option value="5">Value 5</option>
										<option value="6">Value 6</option>
										<option value="7">Value 7</option>
									</optgroup>									
									<option value="8">Value 8</option>
									<option value="9">Value 9</option>
								</select>
							</div><!-- /.form-field -->		
							
							<div class="clear">
							<div class="half fl">
							<div class="form-field clear">
								<h4>Checkbox Vertical:</h4>
								<div class="form-checkbox-item clear">
									<input type="checkbox" id="checkbox1" name="checkbox" class="checkbox fl-space" /> <label for="checkbox1" class="fl">Value 1</label>
								</div>
								
								<div class="form-checkbox-item clear">								
									<input type="checkbox" id="checkbox2" name="checkbox" class="checkbox fl-space" /> <label for="checkbox2" class="fl">Value 2</label>
								</div>								
								
								<div class="form-checkbox-item clear">								
									<input type="checkbox" id="checkbox3" name="checkbox" class="checkbox fl-space" /> <label for="checkbox3" class="fl">Value 3</label>
								</div>																	
							</div><!-- /.form-field-->
							</div>
							
							<div class="half fr">
							<div class="form-field clear">
								<h4>Checkbox Horizontal:</h4>
								<div class="form-checkbox-item clear fl-space2">
									<input type="checkbox" id="checkbox4" name="checkbox2" class="checkbox fl-space" /> <label for="checkbox4" class="fl">Value 1</label>
								</div>
								
								<div class="form-checkbox-item clear fl-space2">								
									<input type="checkbox" id="checkbox5" name="checkbox2" class="checkbox fl-space" /> <label for="checkbox5" class="fl">Value 2</label>
								</div>								
								
								<div class="form-checkbox-item clear fl-space2">								
									<input type="checkbox" id="checkbox6" name="checkbox2" class="checkbox fl-space" /> <label for="checkbox6" class="fl">Value 3</label>
								</div>																	
							</div><!-- /.form-field-->
							</div>
							</div>
							
							<div class="clear">
							<div class="half fl">
							<div class="form-field clear">
								<h4>Radiobuttons Horizontal:</h4>
								<div class="form-radio-item clear">
									<input type="radio" name="radio" id="radio1" class="radio fl-space" /> <label for="radio1" class="fl">Value 1</label>
								</div>
								
								<div class="form-radio-item clear">
									<input type="radio" name="radio" id="radio2" class="radio fl-space" /> <label for="radio2" class="fl">Value 2</label>
								</div>								
								
								<div class="form-radio-item clear">
									<input type="radio" name="radio" id="radio3" class="radio fl-space" /> <label for="radio3" class="fl">Value 3</label>
								</div>																	
							</div><!-- /.form-field-->
							</div>
							
							<div class="half fr">
							<div class="form-field clear">
								<h4>Radiobuttons Vertical:</h4>
								<div class="form-radio-item clear fl-space2">
									<input type="radio" name="radio2" id="radio4" class="radio fl-space" /> <label for="radio4" class="fl">Value 1</label>
								</div>
								
								<div class="form-radio-item clear fl-space2">
									<input type="radio" name="radio2" id="radio5" class="radio fl-space" /> <label for="radio5" class="fl">Value 2</label>
								</div>								
								
								<div class="form-radio-item clear fl-space2">
									<input type="radio" name="radio2" id="radio6" class="radio fl-space" /> <label for="radio6" class="fl">Value 3</label>
								</div>																	
							</div><!-- /.form-field-->
							</div>
							</div>
							
							<div class="form-field clear">
								<input type="submit" class="submit fr" value="Submit" />
							</div><!-- /.form-field -->																								
						</form>
					</div><!-- /#forms -->
				</div> <!-- end of box-body -->
			</div> <!-- end of content-box -->
			
			<div class="content-box">
				<div class="box-header clear">
					<h2>Content Box with Sidebar </h2>
				</div>
				<div class="box-body clear">
				<div class="side-bar clear">
					<div class="sidebar-column clear">
						<div class="side-menu">
						<ul class="list">
						<li><a href="#">Lorem Ipsum Dolor</a></li>
						<li class="active"><a href="#">Consectetur Adipisicing</a></li>
						<li><a href="#">Tempor Incididunt</a></li>
						<li><a href="#">Dolore Magna</a></li>
						</ul>
						</div>
						<p><small>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in porta lectus. Maecenas dignissim enim quis ipsum mattis aliquet.</small></p>
						<p><small>Sed in porta lectus. Maecenas dignissim enim quis ipsum mattis aliquet.</small></p>
					</div>
					<div class="main-column clear">
						<div class="notification note-attention">
							<a href="#" class="close" title="Close notification"><span>close</span></a>
							<span class="icon"></span>
							<p><strong>Attention notification:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
						</div>
						
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p>
					
						<table>
						<thead>
						<tr>
							<th>Thumbs</th>
							<th>Description</th>
							<th>Status</th>
						</tr>
						</thead>
						<tbody>
						<tr>
							<td><a href="#" title="preview"><img src="${pageContext.request.contextPath}/Manager/images/tmp/thumbnail1.jpg" alt="" class="thumb size48" /></a></td>
							<td><h4>Lorem ipsum dolor</h4><p class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p></td>
							<td class="center vcenter"><img src="${pageContext.request.contextPath}/Manager/images/ico_active_16.png" class="icon16" title="active" alt="" /></td>
						</tr>
						<tr>
							<td><a href="#" title="preview"><img src="${pageContext.request.contextPath}/Manager/images/tmp/thumbnail2.jpg" alt="" class="thumb size48" /></a></td>
							<td><h4>Sed in porta lectus</h4><p class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p></td>
							<td class="center vcenter"><img src="${pageContext.request.contextPath}/Manager/images/ico_inactive_16.png" class="icon16" title="inactive" alt="" /></td>
						</tr>
						<tr>
							<td><a href="#" title="preview"><img src="${pageContext.request.contextPath}/Manager/images/tmp/thumbnail3.jpg" alt="" class="thumb size48" /></a></td>
							<td><h4>Quis nostrud</h4><p class="description">Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud.</p></td>
							<td class="center vcenter"><img src="${pageContext.request.contextPath}/Manager/images/ico_active_16.png" class="icon16" title="active" alt="" /></td>
						</tr>
						</tbody>
						</table>
						<p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p>
					</div>
				</div>
				</div> <!-- end of box-body -->
			</div> <!-- end of content-box -->
			
			<div class="content-box">
				<div class="box-header clear">
					<h2>Content Box - Detail</h2>
				</div>
				<div class="box-body clear">
					<form method="post" action="#">
					<table>
					<thead>
					<tr>
						<th>Item</th>
						<th class="full">Value</th>
						<th>Edit</th>
					</tr>
					</thead>
					<tbody>
					<tr>
						<td class="title">Name</td>
						<td class="edit-field edit-textfield long">Lorem ipsum dolor</td>
						<td><a href="#" class="quick_edit"><img src="images/ico_edit_16.png" alt="" class="icon16 fl" title="quick edit" /></a></td>
					</tr>
					<tr>
						<td class="title">Pictures</td>
						<td><a href="${pageContext.request.contextPath}/Manager/images/tmp/thumbnail1.jpg" title="preview"><img src="${pageContext.request.contextPath}/Manager/images/tmp/thumbnail1.jpg" alt="" class="thumb size64 fl-space" /></a>
						    <a href="${pageContext.request.contextPath}/Manager/images/tmp/thumbnail2.jpg" title="preview"><img src="${pageContext.request.contextPath}/Manager/images/tmp/thumbnail2.jpg" alt="" class="thumb size64 fl-space" /></a>
						    <a href="${pageContext.request.contextPath}/Manager/images/tmp/thumbnail3.jpg" title="preview"><img src="${pageContext.request.contextPath}/Manager/images/tmp/thumbnail3.jpg" alt="" class="thumb size64 fl-space" /></a></td>
						
                                                <td>

                                                </td>
					</tr>
					<tr>
						<td class="title">Short Description</td>
						<td class="edit-field edit-textfield long"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit.</p></td>
						<td><a href="#" class="quick_edit"><img src="${pageContext.request.contextPath}/Manager/images/ico_edit_16.png" alt="" class="icon16 fl" title="quick edit" /></a></td>
					</tr>
					<tr>
						<td class="title">Long Description</td>
						<td class="edit-field edit-textarea"><p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident.</p></td>
						<td><a href="#" class="quick_edit"><img src="${pageContext.request.contextPath}/Manager/images/ico_edit_16.png" alt="" class="icon16 fl" title="quick edit" /></a></td>
					</tr>
					<tr>
						<td class="title">Status</td>
						<td class="edit-field edit-select"><img src="${pageContext.request.contextPath}/Manager/images/ico_inactive_16.png" class="icon16 fl" title="inactive" alt="" /></td>
						<td><a href="#" class="quick_edit"><img src="${pageContext.request.contextPath}/Manager/images/ico_edit_16.png" alt="" class="icon16 fl" title="quick edit" /></a></td>
					</tr>
					<tr>
						<td class="title">Available From</td>
						<td class="edit-field edit-date">5/6/2010</td>
						<td><a href="#" class="quick_edit"><img src="${pageContext.request.contextPath}/Manager/images/ico_edit_16.png" alt="" class="icon16 fl" title="quick edit" /></a></td>
					</tr>
					<tr>
						<td class="title">Available To</td>
						<td class="edit-field edit-date">30/6/2010</td>
						<td><a href="#" class="quick_edit"><img src="${pageContext.request.contextPath}/Manager/images/ico_edit_16.png" alt="" class="icon16 fl" title="quick edit" /></a></td>
					</tr>
					<tr>
						<td class="title">Priority</td>
						<td  class="edit-field edit-textfield">2</td>
						<td><a href="#" class="quick_edit"><img src="${pageContext.request.contextPath}/Manager/images/ico_edit_16.png" alt="" class="icon16 fl" title="quick edit" /></a></td>
					</tr>
					</tbody>
					</table>
					
					<div class="tab-footer clear">
						<div class="fr">
							<input type="submit" value="Apply Changes" id="apply" class="submit" />
						</div>
					</div>
					</form>
					
				</div> <!-- end of box-body -->
			</div> <!-- end of content-box -->

			<div class="content-box">
				<div class="box-header clear">
					<ul class="tabs clear">
						<li><a href="#chart-bar">Pie</a></li>
						<li><a href="#chart-pie">Bar</a></li>
						<li><a href="#chart-line">Line</a></li>
						<li><a href="#chart-area">Area</a></li>
					</ul>
					
					<h2>Charts</h2>
				</div><!-- box-body -->
				
				<div class="box-body clear">
					<div id="chart-bar" class="chart">
						<div class="chart-wrap">
								<table class="visualize1">
									<caption>Pie Chart Title</caption>
									<thead>
										<tr>
											<td></td>
											<th scope="col">food</th>
											<th scope="col">auto</th>
											<th scope="col">household</th>
											<th scope="col">furniture</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<th scope="row">Mary</th>
											<td>120</td>
											<td>140</td>
											<td>40</td>
											<td>100</td>
										</tr>
										<tr>
											<th scope="row">Tom</th>
											<td>3</td>
											<td>40</td>
											<td>30</td>
											<td>45</td>
										</tr>
										<tr>
											<th scope="row">Laura</th>
											<td>80</td>
											<td>40</td>
											<td>80</td>
											<td>1</td>
										</tr>
									</tbody>
								</table>				
							</div><!-- /.chart-wrap -->
					</div>
					<div id="chart-pie">
						<div class="chart-wrap">
								<table class="visualize2">
									<caption>Bar Chart Title</caption>
									<thead>
										<tr>
											<td></td>
											<th scope="col">food</th>
											<th scope="col">auto</th>
											<th scope="col">household</th>
											<th scope="col">furniture</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<th scope="row">Mary</th>
											<td>120</td>
											<td>140</td>
											<td>40</td>
											<td>100</td>
										</tr>
										<tr>
											<th scope="row">Tom</th>
											<td>3</td>
											<td>40</td>
											<td>30</td>
											<td>45</td>
										</tr>
										<tr>
											<th scope="row">Laura</th>
											<td>80</td>
											<td>40</td>
											<td>80</td>
											<td>1</td>
										</tr>
									</tbody>
								</table>				
							</div><!-- /.chart-wrap -->
						</div>
					<div id="chart-line">
						<div class="chart-wrap">
								<table class="visualize3">
									<caption>Line Chart Title</caption>
									<thead>
										<tr>
											<td></td>
											<th scope="col">food</th>
											<th scope="col">auto</th>
											<th scope="col">household</th>
											<th scope="col">furniture</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<th scope="row">Mary</th>
											<td>120</td>
											<td>140</td>
											<td>40</td>
											<td>100</td>
										</tr>
										<tr>
											<th scope="row">Tom</th>
											<td>3</td>
											<td>40</td>
											<td>30</td>
											<td>45</td>
										</tr>
										<tr>
											<th scope="row">Laura</th>
											<td>80</td>
											<td>40</td>
											<td>80</td>
											<td>1</td>
										</tr>
									</tbody>
								</table>
							</div><!-- /.chart-wrap -->
						</div>
					<div id="chart-area">
						<div class="chart-wrap">
								<table class="visualize4">
									<caption>Area Chart Title</caption>
									<thead>
										<tr>
											<td></td>
											<th scope="col">food</th>
											<th scope="col">auto</th>
											<th scope="col">household</th>
											<th scope="col">furniture</th>
										</tr>
									</thead>
									<tbody>
										<tr>
											<th scope="row">Mary</th>
											<td>120</td>
											<td>140</td>
											<td>40</td>
											<td>100</td>
										</tr>
										<tr>
											<th scope="row">Tom</th>
											<td>3</td>
											<td>40</td>
											<td>30</td>
											<td>45</td>
										</tr>
										<tr>
											<th scope="row">Laura</th>
											<td>80</td>
											<td>40</td>
											<td>80</td>
											<td>1</td>
										</tr>
									</tbody>
								</table>				
							</div><!-- /.chart-wrap -->
						</div>															
				</div><!-- /.box-body -->
			</div><!-- /.content-box -->

			<div class="clear">
				<div class="content-box half fl">
					<div class="box-header">
						<h2>Half Box Left</h2>
					</div>
					<div class="box-body">
                        			<p>Nam posuere, felis sed feugiat viverra, quam felis dapibus eros, vitae pulvinar nisl quam ut eros. Curabitur eget fringilla mi. Vivamus sed justo sit amet elit malesuada bibendum. Pellentesque consectetur blandit nisl, a eleifend arcu adipiscing eu. In et neque nec urna mollis fermentum gravida at turpis. Vestibulum rhoncus commodo porttitor. Maecenas mauris libero, suscipit posuere adipiscing dignissim, varius non felis. Nulla vel lorem at enim rhoncus porttitor.</p> 
						<p>Etiam sem enim, scelerisque eu laoreet ac, eleifend ut augue. Ut consectetur eros urna. Nulla nulla justo, venenatis eu sodales eget, pulvinar et nunc. Donec nisl massa, ultrices at aliquet nec, lobortis eu magna. Pellentesque metus eros, adipiscing a dapibus vitae, bibendum id arcu. Cras dignissim, libero tincidunt aliquam venenatis, lectus quam auctor lorem, at semper magna quam et sapien. Pellentesque volutpat mi nulla. Quisque nec magna magna. Etiam justo nulla, imperdiet sit amet commodo at, pretium quis augue. Mauris euismod congue lorem id euismod. Vivamus lorem eros, dapibus quis ullamcorper consequat, posuere non ante.</p>
					</div> <!-- end of box-body -->
				</div> <!-- end of content-box -->

				<div class="content-box half fr">
					<div class="box-header">
						<h2>Half Box Right</h2>
					</div>
					<div class="box-body">
                        			<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec tristique, lorem id hendrerit sodales, nisl felis sollicitudin lacus, et facilisis felis quam at quam. Nullam vel nunc at sapien sagittis feugiat. Vestibulum est eros, condimentum ac sodales vel, iaculis vitae neque.</p> 
						<p>Nam nisl odio, scelerisque non venenatis quis, venenatis a leo. Cras non vehicula justo. Nam vel arcu sem. Suspendisse quam enim, dictum quis lacinia sed, lobortis eget libero. Suspendisse potenti. Suspendisse et ante vitae turpis vestibulum fermentum nec nec elit. Suspendisse ullamcorper lacus in arcu mollis fringilla porta mi placerat. Ut at elit non diam tristique scelerisque. Phasellus in condimentum nisi. Sed sit amet ligula sem, ac venenatis nisi. In a condimentum justo. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque aliquet auctor velit vitae lacinia. Cras velit libero, cursus ac pulvinar quis, egestas vitae dolor. Integer imperdiet nulla ut tortor bibendum pulvinar. Fusce pellentesque fermentum gravida.</p>
		                	</div> <!-- end of box-body -->
				</div> <!-- end of content-box -->
			</div><!-- /.clear -->
			
	
			<div class="content-box">
				<div class="box-header clear">
					<h2>TinyMCE</h2>
				</div>
				<div class="box-body clear">
					<textarea rows="" cols="" class="tinymce"></textarea>
				</div> <!-- end of box-body -->
			</div> <!-- end of content-box -->
				
			<div class="content-box">
				<div class="box-header clear">
					<h2>Content Box with Half Columns Inside</h2>
				</div>
				<div class="box-body clear">
					<div class="half fl">
					<h3>Left Column: jQuery WYSIWYG</h3>
				
							<textarea rows="" cols="" class="jwysiwyg"></textarea>
					
					</div> 
					<div class="half fr">
					<h3>Right Column</h3>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in porta lectus. Maecenas dignissim enim quis ipsum mattis aliquet. Maecenas id velit et elit gravida bibendum. Duis nec rutrum lorem.</p>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in porta lectus. Maecenas dignissim enim quis ipsum mattis aliquet. Maecenas id velit et elit gravida bibendum. Duis nec rutrum lorem.</p>
					<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed in porta lectus. Maecenas dignissim enim quis ipsum mattis aliquet. Maecenas id velit et elit gravida bibendum. Duis nec rutrum lorem.</p>
					</div>
				</div> <!-- end of box-body -->
			</div> <!-- end of content-box -->
			
			<div class="notification note-error">
				<a href="#" class="close" title="Close notification"><span>close</span></a>
				<span class="icon"></span>
				<p><strong>Error notification:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
			</div>
			<div class="notification note-success">
				<a href="#" class="close" title="Close notification"><span>close</span></a>
				<span class="icon"></span>
				<p><strong>Success notification:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
			</div>
			<div class="notification note-info">
				<a href="#" class="close" title="Close notification"><span>close</span></a>
				<span class="icon"></span>
				<p><strong>Information notification:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
			</div>
			<div class="notification note-attention">
				<a href="#" class="close" title="Close notification"><span>close</span></a>
				<span class="icon"></span>
				<p><strong>Attention notification:</strong> Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p>
			</div>
			
		</div><!-- end of page -->
		
		<div class="footer clear">
			<span class="copy"><strong>� 2010 Copyright by <a href=http://www.ait.sk"/>AIT.</a></strong></span> Powered by <a href="http://www.ait.sk/">UniAdmin.</a>
		</div>
	</div>
	</div>
</div>
<script type="text/javascript">

  var _gaq = _gaq || [];
  _gaq.push(['_setAccount', 'UA-12958851-7']);
  _gaq.push(['_trackPageview']);

  (function() {
    var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true;
    ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js';
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s);
  })();

</script>
</body>

<!-- Mirrored from www.ait.sk/uniadmin/ by HTTrack Website Copier/3.x [XR&CO'2010], Tue, 20 Jul 2010 00:38:01 GMT -->
<!-- Added by HTTrack -->

<meta http-equiv="content-type" content="text/html;charset=UTF-8"><!-- /Added by HTTrack -->
</html>